body{
	  margin: 0;
      font-family: '微软雅黑';
      background-color: #000;
      background-image: url(../img/34.jpg);
      background-repeat: no-repeat;
      background-color: #d184e7;
}


a{
	text-decoration: none;
}

*{
	margin: 0;
	padding: 0;
}


.header-nav{
    position: fixed; top: 0;z-index: 0;
	width: 100%;
	height: 60px;
	background-color: #eee;

}


.nav-name{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    float: left;
	margin-left: 35%;
	font-size: 25px;
	line-height: 60px;
	color: #aaa;
}
.header-nav>.nav-name>span{
	font-size: 15px;
	line-height: 60px;
}
.nav-pho{
	width: 100%;
}

.pho{
	width: 50px;
	height: 50px;
	float: left;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 4px;
}
.box{
	margin: 0px auto;
	margin-top: 70px;
	padding: 5px 5px;
	height: 438px;
	width: 960px;
    background-color: rgba(255,255,255,0.3);

}
.box1{
	margin-right: 10px;
	float: left;
	width: 102px;
	height: 420px;
}
.box-pho{
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 8px;
	overflow: hidden;

}
.box-title{
	height: 17px;
	width: 98px;
	float: left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin-top: 2px;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.box-nav{
    margin-top: 3px;
	float: left;
}
.box-nav>ul>li{
	margin-top: 5px;
	list-style: none;
}

.box-nav>ul>li>a{
	display: block;
	padding: 10px;
	font-size: 15px;
	color: #fff;
	background-color: #f36896;
    /*filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;（设置透明度）*/
}
.box-nav>ul>li>a:hover{
	background-color: #fff;
	color: #f36896;
}
.box-nav>ul>li.active>a{
	cursor: not-allowed;
	background-color: transparent;
    color:#fff;
    border-bottom:1px solid #fff;  
}
.box2{
	float: left;
	height: 201px;
	width: 836px;
	border: 1px solid #fff;
	padding: 5px;

}
 .box2-pho{
 	float: left;
 	height: 190px;
 	width: 353px;
 	padding: 5px;
 	background-color:  rgba(255,255,255,0.3);

 }
 .box2-text{
 	float: left;
 	height: 125px;
 	width: 463px;
 	background-color: rgba(255,255,255,0.3);
 	font-size: 15px;
 	color: #fff;
 	padding: 70px 5px 5px  5px;
 	text-indent: 2em;
 	text-align: center;
 }
 .box3-pho{
 	 float: left;
 	height: 190px;
 	width: 291px;
 	padding: 5px;
 	background-color:  rgba(255,255,255,0.3);
 }
  .box3-text{
 	float: left;
 	height: 190px;
 	width: 525px;
 	background-color:  rgba(255,255,255,0.3);
 	font-size: 15px;
 	color:#fff;
 	padding: 5px;
 	text-indent: 2em;
 	text-align: center;
 	line-height: 190px;
 }
.box3{
	float: left;
	height: 201px;
    width: 836px;
    border: 1px solid #fff;
    margin-top: 12px;
    padding: 5px;
}

.box4-div1{
	margin: 0px auto;
	width: 960px;
	height: 220px;
	padding:5px;
	margin-top: 5px ;
	margin-bottom: 5px;	
    background-color: rgba(255,255,255,0.3);
	
}
.box4-div2{
	margin: 0px auto;
    width: 960px;
	height: 220px;
	padding:5px;
	margin-bottom: 5px;	
    background-color: rgba(255,255,255,0.3);
	
}
.box4-div>ul{
	width: 125px;
	margin-left: 15px;
	float: left;
	color: #fff;
	font-size: 15px;
}
.box4-div1>img{
	float: right;
	padding: 10px;
	background-color: #fff;
	margin-left: 5px;
	transition:0.3s;
}
.box4-div2>img{
	float: left;
	padding: 10px;
	background-color: #fff;
	margin-right: 5px;
    transition:0.3s;
}
.box4-div>img:hover{
	-web-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}

 .box6{
 	width: 960px;
 	height: 220px;
 	margin:5px auto;
 	padding: 5px;
 	background-color: rgba(255,255,255,0.3);
 	color: #fff;
 	font-size: 15px;
 	text-indent: 2em;
 	line-height: 1.5em;
 }

.box5{
	padding: 10px 0;
	height: 40px;
	background-color: #EEE;
	text-align: center;
	
}
.box5>ul>li{
	float: left;
	color: #aaa;
	font-size: 15px;
	line-height: 40px;
	list-style: none;
}



.box5>.box5-ul{
	height: 40px;
	width: 960px;
    margin: 0px auto;
    
 }
